@extends('layout.main')

@section('css')
<link rel="stylesheet" href="/assets/js/plugins/jstree/themes/default/style.min.css" />
@endsection

@section('content')
<div class="row">
    <div class="col-lg-12">
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <h5>IOS软件分类</h5>
            </div>
            <div class="ibox-content">
                <div id="typetree"></div>
                <div class="modal inmodal" id="modalsettype" tabindex="-1" role="dialog"  aria-hidden="true">
                    <div class="modal-dialog">
                        <div class="modal-content animated fadeIn">
                                <div class="modal-header">
                                <h4 class="modal-title">IOS软件分类</h4>
                                </div>
                                <div class="modal-body">
                                    <div id="typetree"></div>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-white" data-dismiss="modal">取消</button>
                                    <button type="submit" class="btn btn-primary">保存</button>
                                </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('js')
<script src="/assets/js/plugins/jstree/jstree.min.js"></script>
<script type="text/javascript">
$(function(){
    $('#typetree').jstree({ 
        'core' : {
            'themes' : { "icons":false},
            'data' : {!!$jsontv!!}
        }
    });
})

</script>
@endsection